@charset "utf-8";
/*CSS reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,
blockquote,th,td{margin:0;padding:0;font-family: "微软雅黑";}
table{border-collapse: collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style: normal;font-weight:normal;}
ol,ul{list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:''}
abbr,acronym{border:0;}
a{text-decoration: none;}
.clearfix:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; zoom: 1; }
.fd-left { float: left; }
.fd-right { float: right; }

/*滚动条样式*/
::-webkit-scrollbar {
 width: 3px;
 height: 1px;
}
::-webkit-scrollbar-track-piece {
 background-color: #CCCCCC;
}
::-webkit-scrollbar-thumb:vertical {
 height: 1px;
 background-color: #999999;
 -webkit-border-radius: 1px;
}
::-webkit-scrollbar-thumb:horizontal {
 width: 3px;
 background-color:#999999;
 -webkit-border-radius: 1px;
}

/*industry---行业资讯*/
/*loan_guide---贷款指南*/
/*safe---保险*/
/*service---服务内容*/
/*account---账户*/
@font-face {
 font-family: 'MyFont';   /*字体名称*/
 src: url('../font/advent_regular.ttf');       /*字体源文件*/
}
body{
 background: url("../images/bbj.jpg") no-repeat top center;
}

/**/
.line{
 width: 100%;
 height: 4px;

 background-image: url(../images/4.gif);
 background-size: 100%;
 background-repeat: no-repeat;
 background-position: top center;
 margin-bottom: 0 !important;
}


/*------------------------------top---------------------------------*/
.header{
 width: 100%;
 height: auto;
 overflow:hidden ;
 background: -webkit-linear-gradient(top, #07193f, #081e57);
}
.header_box{
 padding:0 20px ;
}
.header_box_l{
 float: left;
 width: 25%;
}
.header_box_l p{
 font-size: 0.16rem;
 color: #46d4f8;
 padding:25px 0 ;
}
.header_box_c{
 float: left;
 width: 50%;

}
 .masked {
 font-size: 0.4rem;
 padding: 0.1rem 0;
 text-align: center;
 color: #fff;
}
.header_box_r{
 float: left;
 width: 25%;
 font-size: 0.16rem;

}
.header_box_r a:nth-child(1){
 padding-left: 40%;
}
.header_box_r a{

 display: inline-block;

 color: #fff;
 padding: 25px 5px;
}
.header_box_r a:hover{
 color: #46d4f8;
}






/*nav*/
.container{
 position: absolute;
 width: 100%;
 height: 6%;
 bottom: 0;
 background-color: #222;
}
button{cursor:pointer;}

button{
 float: left;

}
button:nth-child(1){
 margin-left: 2%;
}
.active{
 color: #2ecc71  !important;
 border: 1px solid #2ecc71  !important;
}
.active2{
 color: #3498db  !important;
 border: 1px solid #3498db  !important;
}
.active3{
 color: #9b59b6  !important;
 border: 1px solid #9b59b6  !important;
}
.active4{
 color: #e74c3c  !important;
 border: 1px solid #e74c3c  !important;
}
.active5{
 color: #e67e22  !important;
 border: 1px solid #e67e22  !important;
}
.btn {
 display: inline-block;
 line-height: 0.3rem;
 margin: 8px;
 padding: 0 0.15rem;
 font-size: 0.15rem;
 position: relative;
 opacity: .999;
 border-radius: 3px;
}

.btn-border-o {
 background-color: transparent;
 border: 1px solid #d0d0d0;
 color: #B8B8B8;
}
.btn-border-o:before, .btn-border-o:after {
 content: '';
 border-style: solid;
 position: absolute;
 z-index: 5;
 border-radius: 3px;
 box-sizing: content-box;
}
.btn-border-o:before {
 width: 0;
 height: 100%;
 border-width: 1px 0 1px 0;
 top: -1px;
 left: 0;
 -webkit-transition-delay: 0.05s;
 transition-delay: 0.05s;
}
.btn-border-o:after {
 width: 100%;
 height: 0;
 border-width: 0 1px 0 1px;
 top: 0;
 left: -1px;
}
.btn-border-o:hover:before {
 width: 100%;
}
.btn-border-o:hover:after {
 height: 100%;
}
.btn-border-o.btn-green:before, .btn-border-o.btn-green:after {
 border-color: #2ecc71;
}
.btn-border-o.btn-green:hover {
 color: #2ecc71;
}
.btn-border-o.btn-blue:before, .btn-border-o.btn-blue:after {
 border-color: #3498db;
}
.btn-border-o.btn-blue:hover {
 color: #3498db;
}
.btn-border-o.btn-purple:before, .btn-border-o.btn-purple:after {
 border-color: #9b59b6;
}
.btn-border-o.btn-purple:hover {
 color: #9b59b6;
}
.btn-border-o.btn-navy:before, .btn-border-o.btn-navy:after {
 border-color: #34495e;
}
.btn-border-o.btn-navy:hover {
 color: #34495e;
}
.btn-border-o.btn-orange:before, .btn-border-o.btn-orange:after {
 border-color: #e67e22;
}
.btn-border-o.btn-orange:hover {
 color: #e67e22;
}
.btn-border-o.btn-red:before, .btn-border-o.btn-red:after {
 border-color: #e74c3c;
}
.btn-border-o.btn-red:hover {
 color: #e74c3c;
}
.btn-border {
 background-color: #e5e5e5;
 border: 1px solid #e5e5e5;
 color: #a6a6a6;
}
.btn-border:before, .btn-border:after {
 content: '';
 border-style: solid;
 position: absolute;
 z-index: 5;
 border-radius: 3px;
 box-sizing: content-box;
}
.btn-border:before {
 width: 0;
 height: 100%;
 border-width: 1px 0 1px 0;
 top: -1px;
 left: 0;
 -webkit-transition-delay: 0.05s;
 transition-delay: 0.05s;
}
.btn-border:after {
 width: 100%;
 height: 0;
 border-width: 0 1px 0 1px;
 top: 0;
 left: -1px;
}
.btn-border:hover {
 background-color: transparent;
}
.btn-border:hover:before {
 width: 100%;
}
.btn-border:hover:after {
 height: 100%;
}

.btn-fill-vert {
 background-color: #e5e5e5;
 border: 1px solid #e5e5e5;
 color: #a6a6a6;
 overflow: hidden;
}
.btn-fill-vert:before, .btn-fill-vert:after {
 content: '';
 width: 100%;
 height: 0;
 opacity: 0;
 position: absolute;
 left: 0;
 z-index: -1;
}

.btn-fill-vert:hover:before, .btn-fill-vert:hover:after {
 height: 50%;
 opacity: 1;
}

